<template>
	<div class="cart">
		<div class='header'>
			<div class="left"><img src="https://s1.mi.com/m/images/m/icon_back_n.png" alt="" /></div>
			<span>购物车</span>
			<div class="right"></div>
		</div>
		 <div class="cart_warp" v-if="">
			<div class="cart_grey">
				<a href="#">
					<span>&nbsp;购物的还是空的</span>
					<em>去逛逛</em>
				</a>
			</div>
			<car></car>
		</div>
		<div class="cart_goodList">
			
		</div>
	</div>
</template>

<script type="text/javascript">
	import car from '../components/cart.vue'
	export default{
		components: {car}
	}
</script>

<style scoped>
	.header{
		/*position: relative;*/
		border-bottom: 1px solid #eee;
		background: #f2f2f2;
		padding: 0 .2rem;
		height: .49rem;
	}
	.header .left{
	   float: left;
	   margin-top: .15rem;
	
	}
	.header .left img{
		float: left;
		width: .25rem;
		height: .25rem;
	}
	
	 .header span{
	   float: left;
	   font-size: .18rem;
	   margin: .15rem 0 0 1.4rem;
	 }
	 .cart_grey{
	 	height: 0.6rem;
	 	background: #ebebeb ;
	 }
	 .cart_grey a{
	 	display: inline-block;
	 	height: 0.6rem;
	 	float: left;
	 }
	 .cart_grey span{
	 	display: inline-block;
	 	width: 1.1rem;
	 	height: 0.46rem;
	 	padding: 0 .04rem 0 .4rem;
	 	background: url('https://m.mi.com/views/cart/index/img/cartnull_0de91f1.png') no-repeat 0 center;
	 	background-size: .4rem;
	 	font-size: 0.14rem;
	    line-height: 0.46rem;
	    float: left;
	    margin: 0.1rem 0 0  0.8rem;
	    color: gray;
	 }
	 .cart_grey em{
	 	
	 	font-size: .12rem;
	    float: left;
	    padding: 0.03rem .06rem;
	    margin-top: 0.22rem;
	    border: 0.01rem solid gray;
	 }
</style>